import { createRouter, createWebHistory } from 'vue-router'
import VideoConverterView from '../views/VideoToGIFConverterView.vue'
import FileToSVGConverterView from '../views/FileToSVGConverterView.vue'
import ImageMattingView from '../views/ImageMattingView.vue'
import DocxToPdfConverterView from '../views/DocxToPdfConverterView.vue'
import SuccessView from '../views/SuccessView.vue'
import SvgSuccessView from '../views/SvgSuccessView.vue'
import DocxToPdfSuccessView from '../views/DocxToPdfSuccessView.vue'
import MattingSuccessView from '../views/MattingSuccessView.vue'
import UserView from '../views/UserView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'converter',
      component: VideoConverterView,
    },
    {
      path: '/file-to-svg',
      name: 'file-to-svg',
      component: FileToSVGConverterView,
    },
    {
      path: '/image-matting',
      name: 'image-matting',
      component: ImageMattingView,
    },
    {
      path: '/docx-to-pdf',
      name: 'docx-to-pdf',
      component: DocxToPdfConverterView,
    },
    {
      path: '/success',
      name: 'success',
      component: SuccessView,
    },
    {
      path: '/svg-success',
      name: 'svg-success',
      component: SvgSuccessView,
    },
    {
      path: '/docx-pdf-success',
      name: 'docx-pdf-success',
      component: DocxToPdfSuccessView,
    },
    {
      path: '/matting-success/:id',
      name: 'matting-success',
      component: MattingSuccessView,
    },
    {
      path: '/user',
      name: 'user',
      component: UserView,
    },
  ],
})

export default router
